.profile-container {
  padding: 24px;
}

.profile-card {
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  
  .ant-card-body {
    padding: 24px;
  }
  
  .ant-tabs-nav {
    margin-bottom: 24px;
  }
}

.avatar-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 24px;
}

.avatar-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  
  .user-avatar {
    margin-bottom: 16px;
    border: 2px solid #f0f0f0;
  }
  
  .avatar-uploader {
    .ant-upload.ant-upload-select-picture-card {
      width: 100px;
      height: 40px;
      margin: 0;
      background-color: #fafafa;
      border: 1px dashed #d9d9d9;
      border-radius: 4px;
      cursor: pointer;
      transition: border-color 0.3s;
      
      &:hover {
        border-color: #1890ff;
      }
      
      > div {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        
        .anticon {
          font-size: 16px;
          margin-right: 8px;
        }
        
        div {
          margin-top: 0;
        }
      }
    }
  }
}

@media (max-width: 767px) {
  .avatar-col {
    margin-bottom: 32px;
  }
}